<template>
<table border="1">
    <thead>
        <tr>
            <td>教职工编号</td>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
            <td>家庭住址</td>
            <td>手机号</td>
        </tr>
    </thead>
    <tbody>
        <tr v-for="i in Teacher ">
            <td>{{ i.id }}</td>
            <td>{{i.name}}</td>
            <td>{{ i.sex }}</td>
            <td>{{ i.age }}</td>
            <td>{{ i.addr }}</td>
            <td>{{ i.tel }}</td>
        </tr>
    </tbody>
</table>
</template>
<script setup lang="ts">

import {ref} from 'vue'

const Teacher=ref( [
{id:"123",name:"张三",sex:"男",age:23,addr:"河南省",tel:"15728282828"},
{id:"1001",name:"李四",sex:"女",age:33,addr:"河北省",tel:"15723434341"},
{id:"1002",name:"王五",sex:"男",age:23,addr:"山西省",tel:"15724545454"},
{id:"1003",name:"赵六",sex:"女",age:25,addr:"江西省",tel:"15728282823"},
{id:"1004",name:"冯奇",sex:"男",age:25,addr:"云南省",tel:"15728282821"},
{id:"1005",name:"张宇翔",sex:"男",age:27,addr:"山东省",tel:"15728282826"},
{id:"1006",name:"冯道",sex:"男",age:21,addr:"陕西省",tel:"15728282834"},
{id:"1007",name:"王玺",sex:"女",age:57,addr:"湘西省",tel:"15728282766"},
{id:"1008",name:"罗翔",sex:"女",age:78,addr:"湖北省",tel:"15728282123"},
{id:"1009",name:"郭小雨",sex:"男",age:67,addr:"湖南省",tel:"15728282333"}
])
</script>